<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>2.性能优化</title>
</head>
<body>
  1.让加载更快：
          减少资源体积：压缩代码
          减少访问次数：合并代码(合并到bundle.js)，SSR服务器端渲染(将网页和数据一起加载，一起渲染)，缓存
          使用更快的网络：CDN
  2.让渲染更快
          CSS放在head中，js放在body下面
          尽早开始执行JS，用DOMContentLoaded触发
          懒加载（图片懒加载，上划加载更多）
          对DOM查询进行缓存
          频繁DOM操作，合并到一起插入DOM结构（document.createDocumentFragment）
          节流throttle 防抖debounce
  
</body>
</html>